<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/pages/common/taglibs.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>管理平台--cms</title>
<s:include value="/WEB-INF/pages/common/reference.jsp" />
<LINK rel="stylesheet" href="${pageContext.request.contextPath }/css/common/border-box.css" />
<SCRIPT type="text/javascript" src="${pageContext.request.contextPath }/js/common/liger-layout-support.js"></SCRIPT>
<STYLE>
<!--
.option {
	width: 80%;
	height: 24px;
	margin-top: 5px;
	vertical-align: middle;
	line-height: 24px;
	cursor: pointer;
	overflow: hidden;
}

.option_hover {
	background-color: #BED5F3;
}
-->
</STYLE>
<SCRIPT>
<!--
	var tab = null;
	var accordion = null;
	$(document).ready(function() {
		$("#container").ligerLayout({
			height : '100%',
			space : 0,
			topHeight : '64px',
			leftWidth : '15%',
			centerWidth : '85%',
			bottomHeight : '32px',
			allowLeftCollapse : false,
			allowLeftResize : false,
			allowTopResize : false,
			allowBottomResize : false,
			onHeightChanged : heightChanged
		});

		var height = $(".l-layout-center").height();
		accordion = $("#left").ligerAccordion({
			height : height - 24,
			speed : 'normal'
		});

		tab = $("#center").ligerTab({
			height : height
		});

		$(".option").hover(function() {
			$(this).addClass("option_hover");
		}, function() {
			$(this).removeClass("option_hover");
		});

	});

	function showTab(tabID, text, url) {
		if (tab.isTabItemExist(tabID)) {
			tab.removeTabItem(tabID);
		}
		tab.addTabItem({
			tabid : tabID,
			text : text,
			url : url
		});
	}

	function heightChanged(options) {
		if (tab) {
			tab.addHeight(options.diff);
		}
		if (accordion && options.middleHeight - 24 > 0) {
			accordion.setHeight(options.middleHeight - 24);
		}
	}
//-->
</SCRIPT>
</head>
<body style="width: 100%; height: 100%; margin: 0px; padding: 1px; overflow: hidden;">
	<center>
		<div id="container" align="left">
			<div id="top" class="liger-layout-top" align="center">
				<div id="top-left" style="width: 40%; height: 100%; float: left;">
					<span style="font-size: 48px;">ORG-BEES-CMS</span>
				</div>
				<div id="top-right" style="width: 60%; height: 100%; float: right;"></div>
			</div>
			<div id="left" class="liger-layout-left" align="center">
				<div title="内容管理">
					<div class="option" onclick="javascript:showTab('category','栏目','<s:url action="paging" namespace="/backstage/content/category" />');">栏目</div>
					<div class="option" onclick="javascript:showTab('topic','专题','<s:url action="paging" namespace="/backstage/content/topic" />');">专题</div>
					<div class="option" onclick="javascript:showTab('article','文章','<s:url action="paging" namespace="/backstage/content/article" />');">文章</div>
				</div>
				<div title="评论管理">
					<div class="option" onclick="javascript:$.ligerDialog.alert('功能正在开发，敬请关注下一个版本。。。');">评论</div>
					<div class="option" onclick="javascript:$.ligerDialog.alert('功能正在开发，敬请关注下一个版本。。。');">回复</div>
				</div>
				<div title="产品业务">
					<div class="option" onclick="javascript:showTab('unit','单位','<s:url action="paging" namespace="/backstage/furnish/unit" />');">单位</div>
					<div class="option" onclick="javascript:showTab('kind','类别','<s:url action="paging" namespace="/backstage/furnish/kind" />');">类别</div>
					<div class="option" onclick="javascript:showTab('product','产品','<s:url action="paging" namespace="/backstage/furnish/product" />');">产品</div>
					<div class="option" onclick="javascript:showTab('business','业务','<s:url action="paging" namespace="/backstage/furnish/business" />');">业务</div>
				</div>
				<div title="页面样式">
					<div class="option" onclick="javascript:showTab('theme','主题','<s:url action="paging" namespace="/backstage/style/theme" />');">主题</div>
					<div class="option" onclick="javascript:showTab('template','模板','<s:url action="paging" namespace="/backstage/style/template" />');">模板</div>
				</div>
				<div title="权限管理">
					<div class="option" onclick="javascript:$.ligerDialog.alert('功能正在开发，敬请关注下一个版本。。。');">权限</div>
					<div class="option" onclick="javascript:$.ligerDialog.alert('功能正在开发，敬请关注下一个版本。。。');">角色</div>
					<div class="option" onclick="javascript:$.ligerDialog.alert('功能正在开发，敬请关注下一个版本。。。');">用户</div>
					<div class="option" onclick="javascript:$.ligerDialog.alert('功能正在开发，敬请关注下一个版本。。。');">策略</div>
					<div class="option" onclick="javascript:$.ligerDialog.alert('功能正在开发，敬请关注下一个版本。。。');">资源</div>
					<div class="option" onclick="javascript:$.ligerDialog.alert('功能正在开发，敬请关注下一个版本。。。');">规则</div>
				</div>
				<div title="文件系统">
					<div class="option" onclick="javascript:showTab('file','文件','<s:url action="paging" namespace="/backstage/io/file" />');">文件</div>
				</div>
				<div title="查询子句">
					<div class="option" onclick="javascript:showTab('calculation','计算','<s:url action="paging" namespace="/backstage/clause/calculation" />');">计算</div>
					<div class="option" onclick="javascript:showTab('criterion','条件','<s:url action="paging" namespace="/backstage/clause/criterion" />');">条件</div>
					<div class="option" onclick="javascript:showTab('aggregation','聚合','<s:url action="paging" namespace="/backstage/clause/aggregation" />');">聚合</div>
					<div class="option" onclick="javascript:showTab('sorting','排序','<s:url action="paging" namespace="/backstage/clause/sorting" />');">排序</div>
					<div class="option" onclick="javascript:showTab('restriction','限制','<s:url action="paging" namespace="/backstage/clause/restriction" />');">限制</div>
				</div>
				<div title="工作流程">
					<div class="option" onclick="javascript:$.ligerDialog.alert('功能正在开发，敬请关注下一个版本。。。');">流程</div>
					<div class="option" onclick="javascript:$.ligerDialog.alert('功能正在开发，敬请关注下一个版本。。。');">实例</div>
					<div class="option" onclick="javascript:$.ligerDialog.alert('功能正在开发，敬请关注下一个版本。。。');">任务</div>
				</div>
				<div title="流量统计">
					<div class="option" onclick="javascript:$.ligerDialog.alert('功能正在开发，敬请关注下一个版本。。。');">页面</div>
					<div class="option" onclick="javascript:$.ligerDialog.alert('功能正在开发，敬请关注下一个版本。。。');">产品</div>
					<div class="option" onclick="javascript:$.ligerDialog.alert('功能正在开发，敬请关注下一个版本。。。');">业务</div>
				</div>
				<div title="系统设置">
					<div class="option" onclick="javascript:showTab('constant','常量','<s:url action="paging" namespace="/backstage/setting/constant" />');">常量</div>
				</div>
				<div title="系统日志">
					<div class="option" onclick="javascript:$.ligerDialog.alert('功能正在开发，敬请关注下一个版本。。。');">登录</div>
					<div class="option" onclick="javascript:$.ligerDialog.alert('功能正在开发，敬请关注下一个版本。。。');">操作</div>
					<div class="option" onclick="javascript:$.ligerDialog.alert('功能正在开发，敬请关注下一个版本。。。');">错误</div>
				</div>
			</div>
			<div id="center" class="liger-layout-center"></div>
			<div id="bottom" class="liger-layout-bottom" style="vertical-align: middle; line-height: 32px;">
				<center>Copyright © 2011-2013 cms.bees.org</center>
			</div>
		</div>
	</center>
</body>
</html>